.addAgent{
   height:100%;
   overflow: hidden;
   .wf-agent-addagent{
        height: 100%;
        background: @fill-base;
   }
    .wf-agent-notstart{
        color:#9B9B9B ;
        border:1 * @hd solid #9B9B9B ;
        border-radius: 3 * @hd;
        padding:0 3 * @hd;
        display: inline-block;
    }
    .wf-agent-notend {
        color:#E26E3E ;
        border:1 * @hd solid #E26E3E ;
        border-radius: 3 * @hd;
         padding:0 3 * @hd;
        display: inline-block;
    }
    .wf-agent-agenting{
        color:@brand-primary ;
        border:1 * @hd solid @brand-primary ; 
        border-radius: 3 * @hd;
         padding:0 3 * @hd;
        display: inline-block;
    }
    .wf-agent-receiving{
        color:#F5A623 ;
        border:1 * @hd solid #F5A623 ;
        border-radius: 3 * @hd;
         padding:0 3 * @hd;
        display: inline-block;
    }
    .wf-agent-ended{
        color:#9B9B9B ;
        border:1 * @hd solid @border-color-base ;
        background:@border-color-base;
        border-radius: 3 * @hd;
        padding:0 3 * @hd;
        display: inline-block;
    }

    .wf-agent-list-wrap{
        height:100%;
        .agenttypespan-left-set{
            float: right;
            border-radius: 3 * @hd;
            padding: 0 3 * @hd;
        }
        .bianji{
            background: @color-text-disabled;
            color: @color-text-base-inverse;
            // width: 77 * @hd;
            width:unset;
            padding:0 15 * @hd;
        }
        .shouhui{
             background: @brand-error;
            color:  @color-text-base-inverse;
            // width: 77 * @hd;
            width:unset;
            padding:0 15 * @hd;
        }
        .wf-agent-height-131{
            height:calc(~"100% - " 131 * @hd);
        }
        .wf-agent-height-90{
            height: calc(~"100% - " 90 * @hd);
        }
        .wf-agent-NoData{
            width:100%;
            height:100%;
            .am-result{
                padding-top:45%;
                border-bottom:0;
                .am-result-pic{
                    .am-icon-lg{
                        height:60 * @hd;
                        width:60 * @hd;
                        color:@color-text-caption;
                    }
                }
            }
            
        }
        .wf-agent-right{
            float:right;
        }
        .wf-agent-button-allSelect{
             background: @fill-grey;
        }
        .color-gray{
            color:@color-text-placeholder;
        }
        .color-blue{
            color:@brand-primary;
        }

        .am-pull-to-refresh{
            .wm-list-view-page-modal{
                top:30 * @hd;
            }
        }
        .am-activity-indicator{
            // height:65 * @hd;
        }
        .wf-agent-list-selectedMsg{
             width: 100%;
              height: 40 * @hd;
              line-height:40 * @hd;
              padding-left:15 * @hd;
              border-bottom:1 * @hd solid #ddd;
              .wf-agent-list-selectedMsg-cancel{
                  color:@brand-primary;
                  margin-right:10 * @hd;
              }
        }

        .wf-agent-list-view-page{
            .wm-list-view-page-modal{
                top:0;
            }
        }
    }


    .wf-agent-addAgent-part{
        height:100%;
        .wf_agent_page_title{
            width:100%;
            height:30 * @hd;
            background: #717171;
            color:@color-text-base-inverse;
            text-align: center;
            line-height: 30 * @hd;
        }
        .wf-agent-addagent-group-button{
            width: 100%;
            position: absolute;
            bottom: 0;
            height: 50 * @hd;
        }
        .wf-agent-addagent-receiveAgent{
            height: 30 * @hd;
            line-height: 30 * @hd;
        }
        .wf-agent-addagent-button-group{
             width: 100%;
             position: absolute;
             height: 50 * @hd;
             bottom: 0;
        }
        .wf-agent-addagent-addAgentComponent{
             height: 100%;
             background: @fill-base;
        }
        .addAgent-form{
               background:@fill-body;
               height:calc(~"100% - " 47 * @hd);
               overflow: scroll;
               -webkit-overflow-scrolling: touch;
                .wm-form{
                     background:@fill-base;
                }
               .am-list{
                   .am-list-body{
                       border-bottom:0;
                       .wm-form-item-wrap{
                           border-bottom:1px solid #ddd;
                       }
                       .wf-addagent-userSelect{
                            border-bottom:1px solid #ddd;
                            .border{
                                border:0;
                            }
                       }
                       .am-list-form{
                            .am-list-label{
                                  flex-basis: 125 * @hd;
                           }
                           .am-list-form-header{
                                float:left;
                           }
                           .am-list-form-body{
                               margin-left:0;
                               .am-list-content {
                                   .am-list-line{
                                       .am-input-control{
                                           padding-left:50 * @hd;
                                       }
                                   }
                               }
                           }

                       }
                       .form-time-wrap{
                           padding-left:22 * @hd;
                           border-bottom:1 * @hd solid #ddd;
                           .am-list-form{
                               display: flex;
                               margin:0 7 * @hd 0 0;
                               .am-list-form-header{
                                    flex:unset;
                                    border:0;
                                    padding-left:0;
                                    margin-right:0;
                                    .am-list-title{
                                        width:134 * @hd !important;
                                        flex:unset;
                                    }
                               }
                               .am-list-form-body{
                                flex:2;
                                border:0;
                                margin-left:0;
                                .am-list-extra{
                                    display: none;
                                }
                                .am-list-content {
                                    svg{
                                        width:22 * @hd;
                                        height:22 * @hd;
                                    }
                                }
                                .am-list-item{
                                    border:0;
                                    padding-left:0;
                                    .am-list-line{
                                        .am-list-extra{
                                            display: none;
                                        }
                                        .am-list-arrow{
                                             display: none;
                                        }
                                    }
                                }
                               }
                           }
                            .am-list-item{
                                border-bottom:1 * @hd solid #ddd;
                                padding-left:22 * @hd;
                                .am-list-line{
                                border-bottom:0;
                                .am-list-content{
                                    color:@color-text-paragraph;
                                  }
                             }
                         }
                       }
                       .wf-agent-agentrange-item{
                            .wm-form-item-wrap{
                                  border-bottom:1 * @hd solid #ddd;
                                  .am-list-form{
                                    //    display: flex;
                                    .am-list-label{
                                        flex-basis: 125 * @hd;
                                    }
                                    .am-list-form-header{
                                        float:left;
                                        padding-left:15px;
                                    }
                                    .am-list-form-body{
                                        margin-left:0;
                                        .am-list-content {
                                            .am-list-line{
                                                .am-input-control{
                                                    padding-left:50 * @hd;
                                                }
                                            }
                                        }
                                    }
                                }
                              

                            }
                       }

                      
                    }
               }      
            }    
    }

     form.am-search{
        .am-search-input{
                .am-search-synthetic-ph{
                    width:328 * @hd !important;
                }
            }
    }
    .wf-agent-agentList{
        overflow: scroll;
        -webkit-overflow-scrolling: touch;
        .am-list{
            .am-list-body{
                .am-list-item{
                    .wm-list-page-item{
                          .am-flexbox-item{
                                .wm-list-page-item-row-span{
                                    color:@color-text-placeholder;
                                    a{       
                                        color:@color-text-placeholder;
                                        font-weight: normal;
                                        line-height: 30 * @hd; 
                                    }        
                                }
                           }          
                   }
                }
            }
        }




    }

    //从模板导入并新建
    .templateManagement{
        height: 100%;
        background: @fill-base;
        .wf-agent-agentList{
            height:calc(~"100% - "91 * @hd);
        }
        .wf-agent-NoData{
            width:100%;
            height:100%;
            .am-result{
                padding-top:45%;
                border-bottom:0;
                .am-result-pic{
                    .am-icon-lg{
                        height:60 * @hd;
                        width:60 * @hd;
                        color:@color-text-caption;
                    }
                }
            }
        }
        
        .am-list{
            .am-list-body{
                .am-list-item{
                    .am-list-content{
                        .wm-list-page-item-content{
                            .wm-list-page-item-row{
                                a{
                                    color:@color-text-paragraph;
                                    font-weight: bold;
                                }
                            }
                        }
                    }
                }
            }
        }
        .wf-agent-importFromTemp-button-group{
            width: 100%;
            position: absolute;
            bottom: 0;
            height: 50 * @hd;
            .selectAll-active{
                background:@brand-primary;
                color:@color-text-base-inverse;
            }
            .selectAll{
                // background:@fill-disabled;
                background:@color-icon-base;
                color:@color-text-base-inverse;
            }
            .selectAll-base{
                background:@fill-grey;
            }
        }
        .wf-agent-templatemanagement-listpart{
             height:calc(~"100% - "47 * @hd);
             overflow: scroll;
             -webkit-overflow-scrolling: touch;
           
        }
        .bianji{
            background-color: @color-text-disabled;
            color:@color-text-base-inverse;
            width: 77 * @hd;
        }
        .shanchu{
            background-color: @brand-error;
            color: @color-text-base-inverse;
            width: 77 * @hd;
          }
        .color-blue{
            color: @brand-primary;
        }
         .wf-agent-list-selectedMsg{
             width: 100%;
              height: 40 * @hd;
              line-height:40 * @hd;
              padding-left:15 * @hd;
              border-bottom:1 * @hd solid #ddd;
              .wf-agent-list-selectedMsg-cancel{
                  color:@brand-primary;
                  margin-right:10 * @hd;
              }
        }
    }
    // 编辑代理
    .editAgent{
        .wf-agent-editagent-wrap{
            height: 100%;
            background: @fill-base;
            .addAgent-form{
               background:@fill-body;
               height:calc(~"100% - " 47 * @hd);
               overflow: scroll;
               -webkit-overflow-scrolling: touch;
               .am-list{
                   .am-list-body{
                       border-bottom:0;
                       .am-list-form{
                            .am-list-label{
                                flex-basis: 125 * @hd;
                           }
                         
                       }
                       .form-time-wrap{
                                border-bottom:1 * @hd solid #ddd;
                            .am-list-item{
                                padding-left:22 * @hd;
                                .am-list-line{
                                    border-bottom:0;
                                    .am-list-content{
                                        color:@color-text-paragraph;
                                    }
                                }
                            }
                       }
                        .form-time-wrap{
                           padding-left:22 * @hd;
                           border-bottom:1 * @hd solid #ddd;
                           .am-list-form{
                               display: flex;
                               margin:0 7 * @hd 0 0;
                               .am-list-form-header{
                                    flex:unset;
                                    border:0;
                                    padding-left:0;
                                    margin-right:0;
                                    .am-list-title{
                                        width:134 * @hd !important;
                                        flex:unset;
                                    }
                               }
                               .am-list-form-body{
                                flex:2;
                                border:0;
                                margin-left:0;
                                .am-list-extra{
                                    display: none;
                                }
                                .am-list-content {
                                    svg{
                                        width:22 * @hd;
                                        height:22 * @hd;
                                    }
                                }
                                .am-list-item{
                                    border:0;
                                    padding-left:0;
                                    .am-list-line{
                                        .am-list-extra{
                                            display: none;
                                        }
                                        .am-list-arrow{
                                             display: none;
                                        }
                                    }
                                }
                               }
                           }
                            .am-list-item{
                                border-bottom:1 * @hd solid #ddd;
                                padding-left:22 * @hd;
                                .am-list-line{
                                border-bottom:0;
                                .am-list-content{
                                    color:@color-text-paragraph;
                                  }
                             }
                         }
                       }
                    }
               } 
               .form-time-wrap{
                   border-bottom:1 * @hd solid #ddd;
                  .am-list-form{
                            display: flex;
                            .am-list-form-header{
                                flex: 1;
                                border:0;
                            }
                            .am-list-form-body{
                                border:0;
                                flex: 2;
                                .am-list-extra{
                                    display: none;
                                }
                            }
                            
                        }
               }
               .details-list{
                   .am-list-body{
                        .am-list-item{
                            padding-left:15 * @hd;
                        }
                   }
               }     
            }    
            .wf-agent-editagent-button-group{
                width: 100%;
                position: absolute;
                height: 50 * @hd;
                bottom: 0;
           }
           .hrmName{
                color: @brand-primary ;
           }
           .deepGray{
               color: @color-text-paragraph;
           }
        }
      






        .form{
            .am-list{
                .am-list-body{
                    border-bottom:0;
                    .am-list-form:last-child{
                        border-bottom:1 * @hd solid @border-color-base;
                    }

                }
            }
        }
        .details-title{
             height: 40 * @hd;
              background: @fill-body;
               font-size:14 * @hd;
               border-bottom:1 * @hd solid #DEDEE0;
               line-height:40 * @hd;
               color:@color-text-placeholder;
               padding-left:15 * @hd;
               
        }
        .details-operation{ 
              height: 40 * @hd;
              background: @fill-body;
              line-height: 40 * @hd;
              .am-checkbox-agree{
                    width:120 * @hd;
                    display: inline-block;
                    padding-top:0;
                    .am-checkbox-agree-label{
                        color:@color-text-paragraph;
                        .am-checkbox{
                            .am-checkbox-inner{
                                top:9 * @hd;
                            }
                        }
                    }
                  
              }
            .agnenter-icon-part{
                    // flex:1;
                   float: right;
                   width: 100 * @hd;
                   height: 100%;
                   .agenter-icon{
                        display: inline-block;
                        margin-left:20 * @hd;
                        height:22 * @hd;
                        width:22 * @hd;
                        line-height: 22 * @hd;
                        vertical-align: middle;
                        text-align: center;
                        font-size: 18 * @hd;
                        margin-top: 0;
                        color:@color-text-base-inverse;
                    }
                   .icon-tianjia{
                        color:@brand-primary  ;
                   }
                   .icon-shanchu{
                       color: @brand-error;
                      
                   }
               }
        }
        .details-list{
            .am-list-body{
                background: @fill-body;
                 border-top:0;
                 border-bottom:0;
                .wm-list-page-item{
                    border-bottom:1 * @hd solid #CACACF ;
                    margin-bottom:10 * @hd;
                    .am-list-item{
                        .am-list-line-wrap{
                            border-bottom:0;
                        }
                    }
                    .wm-list-page-item-flex-none{
                        position:relative;
                        top:-76 * @hd;
                    }
                   .am-flexbox-item{
                        .wm-list-page-item-row{
                            .wm-list-page-item-row-span{
                                color:@color-text-placeholder;
                                font-weight: normal;
                                line-height: 30 * @hd;
                            }
                        }
                   }
                }

            }
        }
    }
    .editDetails{
        height:100%;
        background:@color-text-base-inverse;
        .wd-agent-editdetails-wrap{
            height:calc(~"100% - " 47 * @hd) ;
            overflow: scroll;
            -webkit-overflow-scrolling: touch;
           
        }
       
         .wm-form{
                background:@color-text-base-inverse;
                .am-list{
                    .am-list-body{
                        .am-list-form{
                            display: flex;
                            .am-list-label{
                                flex-basis: 140 * @hd;
                            }
                            .am-list-content {
                                .wm-form-item-value{
                                    line-height:20 * @hd;
                                    color:@color-text-placeholder;
                                }
                            }
                        }
                        .wf-agentDetails-conditioncn{
                                .wm-form-item-wrap{
                                    border-bottom: 1 * @hd solid #ddd;
                                }
                                .am-list-form{
                                    display: block;
                                }
                        }
                    }
                }
         }
         
         .changjiantou-left{
                    color: @color-text-caption;
                    vertical-align: middle;
                }
                .changjiantou-left-active{
                    color:@brand-primary;
                    vertical-align: middle;
                }
                .shanchu{
                    color: @brand-error;
                    vertical-align: middle;
                }
                .tianjia{
                    color:@brand-primary;
                    vertical-align: middle;
                }
        .bottom-part{
            width: 100%;
            position: absolute;
            bottom: 0;
            height: 50 * @hd;
            display: flex;
            border-top: 1 * @hd solid @border-color-base;
            .bottom-wrap-icon{
                flex: 1;
                text-align: center;
                padding-top:15 * @hd;
                .changjiantou-left{
                    color: @color-text-caption;
                }
                .changjiantou-left-active{
                    color:@brand-primary;
                }
                .shanchu{
                    color: @brand-error;
                }
                .tianjia{
                    color:@brand-primary;
                }
            }
        }
       
    }
  

    .advancedItem{
         height: 100% ;
         background: @fill-base;
         .wf-agent-advancedItem-button-group{
              width: 100%;
               position: absolute;
               height: 50 * @hd;
               bottom: 0;
                .wf-agent-advancedItem-button-reset{
                    background: @fill-grey;
                    color: @color-text-placeholder;
                }
         }
    }
   
}
  .batchEdit{
        height:100%;
        .wf-agent-batchedit-wrap{
            height: 100%;
            background: @fill-base;
            .addAgent-form{
                background:@fill-base;
                height:calc(~"100% - " 47 * @hd);
                overflow: scroll;
                -webkit-overflow-scrolling: touch;
               
                .am-list{
                    .am-list-body{
                        border-bottom:0;
                        // padding:0 7 * @hd !important;
                        .am-list-form{
                            display: flex;
                            border-bottom:1 * @hd solid #ddd;
                            margin:0  !important;
                            padding-right:7 * @hd;
                            .am-list-form-header{
                                flex: 1;
                                border:0;
                            }
                            .am-list-form-body{
                                border:0;
                                flex: 2;
                                margin-left:0;
                                .am-list-extra{
                                    display: none;
                                }
                            }
                            
                        }
                         .am-list-item{
                             border-bottom:1 * @hd solid #ddd;
                             padding-left:22 * @hd;
                             .am-list-line{
                               border-bottom:0;
                               .am-list-content{
                                   color:@color-text-paragraph;
                               }
                           }
                       }
                    }
                }      
            } 
              .wf-agent-batchedit-button-group{
                    width: 100%;
                    position: absolute;
                    height: 50 * @hd;
                    bottom: 0;
              }   
         }
    }
.wf-agent-searchPage{
    height:100%;
    width: 100%;
    z-index: 100;
    position: absolute;
    top: 0 * @hd;
    background: @color-text-base-inverse;
    .am-search{
        border:0;

    }
    .wm-search-page-modal-history{

    }
    .am-list{

        border:0;
        padding-bottom:47 * @hd;
        .am-list-body{
              border:0;
              .am-list-line{
                    border-bottom:1px solid #ddd;
                    .am-list-content{
                        padding-left:10 * @hd;
                    }
                }
        }
        
    }
    .wf-agent-searchPage-nodata{
        text-align: center;
        font-size: 12 * @hd;
        color:@color-text-caption;
    }
    .wf-agent-searchPage-hasdata{
        text-align: center;
        height: 30 * @hd;
        line-height:30 * @hd;
        span{
            font-size:12 * @hd;
            color:@color-text-caption;
        }
    }
}
.wf-addagent-identatity-list{
    .wf_agent_page_title{
        width:100%;
        height:30 * @hd;
        background: #717171;
        color:@color-text-base-inverse;
        text-align: center;
        line-height: 30 * @hd;
    }
    .am-list{
        .am-list-body{
            border-bottom:0;
            .wm-list-page-item{
                .am-list-item {
                    .am-list-line{
                        border-bottom:1 * @hd solid #ddd;
                    }
                }
            }
        }
    }

   

}
.wm-route-layout{
    .abled{
        background:@brand-primary ;
        color:@color-text-base-inverse;
    }
    .disabled{
        background:@color-text-disabled ;
        color:@color-text-base-inverse;
    }
}
